<!DOCTYPE html>
<html>

<head>
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/example.css?v=1.0" />
    <link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
    <link rel="stylesheet" type="text/css" href="css/element-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/vant.min.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css?v=5.0" />
    <link rel="stylesheet" type="text/css" href="css/listLook.css?v=7.0.1" />
    <link rel="stylesheet" type="text/css" href="css/addPlace.css" />
    <link rel="stylesheet" type="text/css" href="css/seekList.css?v=1.0.2" />
    <title>新增关爱人</title>
</head>

<body>
    <div id="main" style="padding: 10px;">
        <div v-cloak class="ub-form"
            style="padding: 0 0 12px;margin-bottom:16px;position: sticky; top: 0;border-radius:0;z-index: 9;">
            <div class="ub-addCare_title">
                <span style="color: #F56C6C;">*</span>频率
            </div>
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="" prop="category_id">
                    <el-select v-model="ruleForm.frequency" placeholder="请选择频率">
                        <el-option v-for="item in times" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
        </div>
        <!-- 人员信息 -->
        <div class="ub-addCare_title">
            人员信息
        </div>
        <!-- 新增人员信息 -->
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="姓名" prop="realname" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.realname" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <!-- <el-form-item label="证件类型" prop="id_cardType">
                    <el-select v-model="ruleForm.id_cardType" placeholder="请选择类别">
                        <el-option v-for="item in idCardType" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item> -->
                <el-form-item label="身份证号码" prop="id_card">
                    <el-input v-model.trim="ruleForm.id_card" placeholder="请输入单位"></el-input>
                </el-form-item>
                <el-form-item label="类别" prop="category">
                    <el-select v-model="ruleForm.category" placeholder="请选择类别">
                        <el-option v-for="item in categoryList" :key="item.value" :label="item.value"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="具体分类" prop="sick_type">
                    <el-input v-model.trim="ruleForm.sick_type" placeholder="请输入具体分类"></el-input>
                </el-form-item>



                <el-form-item label="本人或子女联系电话" prop="phone">
                    <el-input v-model.trim="ruleForm.phone" placeholder="请输入本人或子女联系电话"></el-input>
                </el-form-item>
                <el-form-item>
                    <div style="font-size: 14px;color: #606266;line-height: 40px; padding: 0 12px 0 0;">户籍地区</div>
                    <div @click="showArea(0)"
                        style="background: #F6F7F9;padding: 0 15px;border-radius: 4px;border: 1px solid #DCDFE6; color: #606266;">
                        {{ruleForm._birthplace || "请选择户籍地区"}}
                    </div>
                </el-form-item>
                <el-form-item label="户籍详细地址" prop="birthplace">
                    <el-input type="textarea" :rows="5" v-model.trim="ruleForm.birthplace_street"
                        placeholder="请输入户籍详细地址">
                    </el-input>
                </el-form-item>
                <el-form-item label="是否享受政府购买服务（是/否）" prop="is_government_services">
                    <el-select v-model="ruleForm.is_government_services" placeholder="请选择是否享受政府购买服务">
                        <el-option label="是" value="1">
                        </el-option>
                        <el-option label="否" value="0">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="是否进行过适老化改造（是/否）" prop="is_transform">
                    <el-select v-model="ruleForm.is_transform" placeholder="请选择是否进行过适老化改造">
                        <el-option label="是" value="1">
                        </el-option>
                        <el-option label="否" value="0">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="是否安装语音呼叫器等智能设备（是/否）" prop="is_voice_call">
                    <el-select v-model="ruleForm.is_voice_call" placeholder="请选择是否安装语音呼叫器等智能设备">
                        <el-option label="是" value="1">
                        </el-option>
                        <el-option label="否" value="0">
                        </el-option>
                    </el-select>
                </el-form-item>
                <!-- <el-form-item>
                    <div style="font-size: 14px;color: #606266;line-height: 40px; padding: 0 12px 0 0;"><span
                            style="color:#F56C6C">*</span>出生日期</div>
                    <div @click="dateShow=true"
                        style="background: #F6F7F9;padding: 0 15px;border-radius: 4px;border: 1px solid #DCDFE6; color: #606266;">
                        {{ruleForm._birthday || "请选择出生日期"}}
                    </div>
                </el-form-item> -->
            </el-form>
        </div>
        <!-- 紧急联系人 -->
        <div class="ub-addCare_title" style="margin-top:32px">
            紧急联系人1
        </div>
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="紧急联系人姓名" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[0].realname" placeholder="请输入紧急联系人姓名"></el-input>
                </el-form-item>
                <el-form-item label="与老人关系" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[0].relationship" placeholder="请输入与老人关系"></el-input>
                </el-form-item>
                <el-form-item label="紧急联系人电话" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[0].phone" placeholder="请输入紧急联系人电话"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="ub-addCare_title" style="margin-top:32px">
            紧急联系人2
        </div>
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="紧急联系人姓名" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[1].realname" placeholder="请输入紧急联系人姓名"></el-input>
                </el-form-item>
                <el-form-item label="与老人关系" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[1].relationship" placeholder="请输入与老人关系"></el-input>
                </el-form-item>
                <el-form-item label="紧急联系人电话" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[1].phone" placeholder="请输入紧急联系人电话"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="ub-addCare_title" style="margin-top:32px">
            紧急联系人3
        </div>
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="紧急联系人姓名" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[2].realname" placeholder="请输入紧急联系人姓名"></el-input>
                </el-form-item>
                <el-form-item label="与老人关系" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[2].relationship" placeholder="请输入与老人关系"></el-input>
                </el-form-item>
                <el-form-item label="紧急联系人电话" prop="" style="margin-top: 0;">
                    <el-input v-model.trim="ruleForm.SickManContacts[2].phone" placeholder="请输入紧急联系人电话"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <!-- 地址信息 -->
        <div class="ub-addCare_title" style="margin-top:32px">
            地址信息
        </div>
        <!-- 新增地址信息 -->
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item>
                    <div style="font-size: 14px;color: #606266;line-height: 40px; padding: 0 12px 0 0;">居住地区</div>
                    <div @click="showArea(1)"
                        style="background: #F6F7F9;padding: 0 15px;border-radius: 4px;border: 1px solid #DCDFE6; color: #606266;">
                        {{ruleForm._address || "请选择居住地区"}}
                    </div>
                </el-form-item>
                <el-form-item label="居住详细地址" prop="address" style="margin-top: 0;">
                    <el-input type="textarea" :rows="5" v-model.trim="ruleForm.street" placeholder="请输入详细居住地址">
                    </el-input>
                </el-form-item>
            </el-form>
        </div>

        <!-- 关爱信息 -->
        <div class="ub-addCare_title" style="margin-top:32px">
            关爱信息
        </div>
        <!-- 新增关爱信息 -->
        <div v-cloak class="ub-form" style="padding: 0">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="关爱措施" prop="caring_measures" style="margin-top: 0;">
                    <el-input type="textarea" :rows="5" v-model.trim="ruleForm.caring_measures" placeholder="请输入关爱措施">
                    </el-input>
                </el-form-item>
            </el-form>
        </div>
        <!-- 关爱信息 -->
        <div class="ub-addCare_title" style="margin-top:32px">
            备注
        </div>
        <!-- 新增关爱信息 -->
        <div v-cloak class="ub-form">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="" prop="remark" style="margin-top: 0;">
                    <el-input type="textarea" :rows="5" v-model.trim="ruleForm.remark" placeholder="请输入备注">
                    </el-input>
                </el-form-item>
            </el-form>
        </div>
        <!-- 完成按钮 -->
        <div v-cloak class="ub-button">
            <el-button @click="submit" :loading="loading" type="primary">提 交</el-button>
        </div>
        <!-- 提示内容弹窗 -->
        <el-dialog v-cloak center title="提示" :visible.sync="prompt" width="95%">
            <div style="text-align: center;">
                {{msg}}
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="goPlaceMan">完 成</el-button>
            </span>
        </el-dialog>
        <!-- 时间弹窗 -->
        <van-popup v-model="dateShow" position="bottom">
            <van-datetime-picker :value="new Date('1960-1-1')" :min-date="new Date(1900,1,1)" show-toolbar type="date"
                title="选择出生日期" @confirm="dateTimeConfirm" @cancel="dateShow = false" />
        </van-popup>
        <!-- 地区弹窗 -->
        <van-popup v-model="areaShow" round position="bottom">
            <van-area title="请选择所在地区" :area-list="areaList" :value="areaValue" @confirm="areaConfirm"
                @confirm="areaShow = false" />
        </van-popup>
    </div>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vant.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/wxPublic.js?v=15.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/area.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/addCare.js?v=1.0.11" type="text/javascript" charset="utf-8"></script>
</body>

</html>